# Bubble

Bubble components used to contain conversation content, supporting transparent background, custom loading animation, etc.

## Examples

```tsx preview
import { Bubble } from "@matechat/react";

export default function () {
  return (
    <div className="flex flex-col w-full">
      <Bubble text="Hello, how can I help you?" />
    </div>
  );
}
```

## Properties

<API moduleName="bubble" />
